<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link type="text/css" rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/find.css">

</head>

<body>
    <div class="discover">
        <div class="box">
            <!-- 视频 -->
            <div class="box_video">
                <video src="./images/jinxuan.mp4" loop muted autoplay></video>
            </div>
            <!-- 商品标题和左侧图标 -->
            <div class="box_center">
                <div class="title">
                    <span>@前海万联旗舰店</span>
                    <span>WanlShop阶梯拼团、直播种草、短视频</span>
                </div>
                <div class="right_icon">
                    <div class="img">
                        <img src="./images/like-icon.png" alt="">
                        <span>123</span>
                    </div>
                    <div class="img">
                        <img src="./images/rate-icon.png" alt="">
                        <span>999</span>
                    </div>
                    <div class="img">
                        <img src="./images/share-icon.png" alt="">
                    </div>
                </div>
            </div>
            <!-- 商品信息 -->
            <div class="goods">
                <div class="goods_info">
                    <div class="img">
                        <img src="./images/17.jpg" alt="">
                    </div>
                    <div class="content">
                        <div class="title">
                            百褶裙短裙女夏2020新款高腰学生百搭半身裙女a字裙格裙学院秋冬
                        </div>
                        <div class="content_footer">
                            <div class="price">
                                <span>￥29.00</span>
                            </div>
                            <div class="content_btn">
                                <a href="./detail.html">立即购买</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footerBox">
        <div class="footer">
            <ul>
                <li class="on">
                    <a href="index.html">
                        <img src="images/f01.png">
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="typelist.html">
                        <img src="images/f2.png">
                        <p>分类</p>
                    </a>
                </li>
                <li>
                    <a href="find.html">
                        <img src="images/faxian.png">
                        <p>发现</p>
                    </a>
                </li>
                <li>
                    <a href="gwc.html">
                        <img src="images/f3.png">
                        <p>购物车</p>
                    </a>
                </li>
                <li>
                    <a href="my.html">
                        <img src="images/f4.png">
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>